<div id="mouseBubble" style="position:absolute;background:#FFFF99;width:150;display:none;filter:alpha(opacity=75)">
<table width=100% class='n w e s'><tr><td id=mouseBubbleTd></td></tr></table>
</div>

<script>
var isIE = navigator.appName == "Microsoft Internet Explorer";
function getNodeText(node) {
  if (isIE) return node.innerText;
  else return node.textContent;
}
function setNodeText(node, text) {
  if (isIE) node.innerText = text;
  else node.textContent = text;
}
function getEventKeyCode(event) {
  if (isIE) return event.keyCode;
  else return event.which;
}
function getEventSource(event) {
  if (isIE) return event.srcElement;
  else return event.target;
}
function submitEnter(event, button) {
	if (getEventKeyCode(event) == 13) {
		submitForm(button);
		return false;
	}
	return true;
}
function getEventX(e) {
  if (isIE) return e.x + document.body.scrollLeft;
  else return e.pageX;
}
function getEventY(e) {
  if (isIE) return e.y + document.body.scrollTop;
  else return e.pageY;
}
function showDivAtMouse(e, id) {
	var s = document.getElementById(id);
	var d = document.getElementById("mouseBubble");
	var t = document.getElementById("mouseBubbleTd");
	setNodeText(t, getNodeText(s));
 	d.style.left=getEventX(e);
  d.style.top=getEventY(e);
  d.style.display="block"; 
}
function hideDiv(id) {	
	document.getElementById("mouseBubble").style.display="none";
	document.getElementById(id).style.display="none";
}
</script>
